<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head  debug="true">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Relay</title>	
<!--  Upgrade warning: Prototype 1.7.0.0 breaks, at least, file information
pane. -->


<script src="js/jquery-1.6.2.min.js" type="text/javascript"> </script>
<script src="js/prototype.js" type="text/javascript"> </script>
<script type="text/javascript">
	jQuery.noConflict();
</script>

<script src="js/dragdrop.js" type="text/javascript"> </script>
<script src="js/effects.js" type="text/javascript"> </script>
<script src="js/search.js" type="text/javascript"></script>
<script src="js/relay.js" type="text/javascript"></script>

<script type="text/javascript">

	folderIcon = 'images/mac_dir.png';
	fileIcon = 'images/mac_file.png';
	collapsed = 'images/collapsed.png';
	expanded = 'images/expanded.png';
	spinnerIcon = 'images/spinner_blue.gif';
	deleteIcon = 'images/delete.png';
	saveIcon = 'images/savebtn.jpg';
	addIcon = '';
	removeIcon = 'images/bullet_delete.png';
	renameIcon = '';
	vcollapsed = 'images/virtual-collapsed.png';
	vexpanded = 'images/virtual-expanded.png';
	uploadCancel = 'images/cancelupload.jpg';
	uploadBtn = 'images/upload.jpg';
</script>

<style type="text/css">
	@import url(css/relay.css);
</style>
<style type="text/css">
#dashboard {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 25px; top: 124px;
}
body > div#dashboard {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
<style type="text/css">
#dashboard {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 25px; top: 124px;
}
body > div#dashboard {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#dashboard {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( 25 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ) ;
  top: expression( ( 124 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ) ;
}
</style>
<![endif]>
<![endif]-->
</head>
<body>

<div id="head">
	<img src="images/relay.png" class="logo" alt="Relay Beta" />
	<div id="logout"></div>
	<div id="nav">
		<form onsubmit="search.start(); return false">
		<input type="text" name="searchbar" id="searchbar" value="" />
		<input type="button" value="&nbsp;&nbsp;Search&nbsp;&nbsp;" id="searchbtn" alt="Search" onclick="search.start()" />
		</form>
		<ul>
			<li><a href="#" onclick="download(); return false">Download File</a></li>
			<li>|</li>
			<li><a href="#" onclick="closeAll(); return false">Close All</a></li>
			<li><a href="#" onclick="updateAll(root); return false">Update</a></li>
			<li>|</li>
			<li><a href="management/">Admin Panel</a></li>			
			<li><a href="relay.php?relay=userLogoff">Logout</a></li>
		</ul>
	</div>
</div>




<div id="dashboard">
	<div style="position:relative;">
		<img src="images/uploadtitle.gif" class="label" alt="Upload" style="cursor:auto;" />
	</div>
	<div id="uploadcart">
		
		<div id="uploadstatus"><em>Destination</em> select a folder</div>
		
		<form id="uploadForm" name="uploadForm" method="post" action="." enctype="multipart/form-data" onsubmit="return false" target='uploadiframe'>
			<div id="uploadQ">
				<table cellspacing="0" cellpadding="0">
					<tbody id="uploadFiles"></tbody>
				</table>
			</div>
					
			<div id="uploadbuttons">
				<img src="images/addfile.jpg" class="addfile" id="uploadAdd" alt="choosefile" />
				<input id="fileUpload" class="fileupload" size="1" type="file" name="file[]" />
				<img class="upload" style="display:none" src="images/upload.jpg" id="uploadSubmit" onclick="uploadAuth();" />
			</div>
			
			<div id="progress" style="display:none;">
				<div id="pgbg"></div><div id="pgfg"></div>
				<span id="pgpc">0.0%</span>
				<span id="pgsp">0.0 K/s</span>
				<span id="pgeta">0</span>
			</div>
			
			<input type="hidden" name="relay" value="fileUpload" style="display:none;" />
			<input type="hidden" name="path" id="uploadPath" />
		</form>	

		<iframe id="uploadiframe" name="uploadiframe">iframe</iframe>
	
	</div>
	<div style="position:relative;">
		<img src="images/downloadtitle.gif" class="label" alt="Download Cart" onclick="Element.toggle('downloadcart'); Element.toggle('downloadcartclose');" />
		<div id="downloadcartclose" style="display:none; position:absolute; top:3px; right:5px; color:#333; cursor:pointer;" onclick="Element.toggle('downloadcart'); Element.toggle('downloadcartclose');"><img src="images/close.gif" /></div>
	</div>		
	<div id="downloadcart"  style="display:none;">
		
			<div id="cart">
				<div id="carthelper">Drag files here</div>
			</div>
			<div id="cartbtn">

				<img src="images/emailto.jpg" class="emailto" onclick="cart.showEmail(); return false" alt="Email To" />
				<img src="images/download.jpg" class="downloadsubmit" onclick="cart.download(); return false" alt="Download Cart" />
		
				<table id="emailform" style="display:none;">
					<tr><td colspan="2">Email the contents of your cart:</td></tr>
					<tr><td>To:</td><td><input type="text" id="emailFormTo" value="Type email address" /></td></tr>
					<tr><td>From:</td><td><input type="text" id="emailFormFrom" value="Type your email address" /></td></tr>
					<tr><td></td><td><textarea id="emailFormMessage">Type Message here</textarea></td></tr>
					<tr><td> <td align="right"><img src="images/sendEmail.jpg" alt="Send Email" onclick="cart.email()" /></td></tr>
				</table>
				<div id="emailconfirm" style="display:none; text-align:center;">Email Sent</div>
			</div>
	</div>
	<img src="images/informationtitle.gif" class="label" alt="File Information" />
	<div id="informationcart">
		<div id="meta"><p>No file selected</p></div>
	</div>
	
</div>
<div id="filesystem">
	<div id="searcharea"></div>
	<div style="clear:both;"></div>
	
	<div id="fileList">
	</div>
	
	<div style="clear:both;"></div>
	
	<div id="massActionBar">
		<button id="massDelete" type="button">Delete</button>
		<button id="massAdd" type="button">Add to Cart</button>
		
		<!-- <select id="massMove">
			<option value="">Move to</option>
		</select> -->
	</div>
</div>


<div id="login" style="display:none">
	<form onsubmit="userLogin(); return false" >
		<div class="username">
			<span>Username</span><input size="20" type="text" name="username" value="" id="username" />
		</div>
		<div class="password">
			<span>Password</span><input size="20" type="password" name="password" onkeypress="return submitenter(this,event)" value="" id="password" />
		</div>
	</form>
	<div class="warning" id="warning">
		Sorry you don't have authorization to use this application, please try logging in again.
	</div>
</div>


</body>
</html>